<template>
	<view class="content">
		<nav-header bgColor="bg-custom-color" :isBack="true">
			<block slot="content">GHMI</block>
		</nav-header>


		<view class="cu-list menu card-menu margin-top wallet">
			<view class="cu-item arrow" @click="$common.toPage('../index/index')">
				<view class="content et-content">
					<text class="text-grey et-text lc1-1 bg-color">GHMI</text>
				</view>
			</view>
			<view class="lc2-son bg-color1">
				<view class="lc2-son1 lc2-son-par">
					<text class="lc2-son1-text">{{$t('wallet.balance')}}</text>
					<text class="lc2-son1-text">{{$t('freezing')}}</text>
					<text class="lc2-son1-text">{{$t('conversion')}}(USDT)</text>
				</view>
				<view class="lc2-son2 lc2-son-par">
					<text class="lc2-son2-text text-color">0.000</text>
					<text class="lc2-son2-text text-color">0.000</text>
					<text class="lc2-son2-text text-color">0.000</text>
				</view>
				
			</view>
		</view>
		
		<view class="padding flex flex-direction">
			<button class="cu-btn bg-red margin-tb-sm lg">充值</button>
			<button class="cu-btn bg-red margin-tb-sm lg">提币</button>
			<button class="cu-btn bg-red margin-tb-sm lg">转账</button>
			<button class="cu-btn bg-red margin-tb-sm lg">记录</button>
		</view>


		<nav-bottom showIndex='2'></nav-bottom>
	</view>


</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {},
		methods: {}
	}
</script>

<style>
	.wallet .cu-item:after{
		border-bottom: 0px solid #ddd; 
	}
	.wallet .cu-item{
		background-color: #121E2E;
	}
	.lc2-son-par{
		display: flex;
		height: 30px;
		line-height: 30px;
	}
	.lc2-son1-text{
		color: #5C7392;
		flex: 1;
		text-align: center;
	}
	.lc2-son2-text{
		flex: 1;
		text-align: center;
	}
	.cu-list.card-menu {
	    overflow: hidden;
	    margin-right: 0px;
	    margin-left: 0px;
	    border-radius: 0px;
	}
	.et-content{
		display: flex;
	}
	.et-text{
		flex: 1;
	}
	
	.lc1 {
		height: 60px;
		line-height: 60px;
		display: flex;
	}

	.lc1-box {
		/* display: inline-table; */
		flex: 1;
	}

	.lc1-1 {
		margin-left: 10px;
		font-weight: bold;
	}
/* 
	.arrow {
		position: absolute;
		top: 0;
		right: 16px;
		bottom: 0;
		display: block;
		margin: auto;
		width: 16px;
		height: 16px;
		color: var(--grey);
		content: "\E6A3";
		text-align: center;
		font-size: 18px;
		font-family: cuIcon;
		line-height: 16px;
	} */
</style>
